.sate{width:99%;height:92vh;margin:0 auto;color:#FFFFFF;display:flex;display:-webkit-flex;
justify-content:space-between;-webkit-justify-content:space-between;padding-top:0.11rem;}
.sate .sate-wrapper{width:22.3%;height:100%;}
.sate-wrapper .select-wrapper{width:100%;height:0.7rem;overflow:hidden;display:flex;display:-webkit-flex;
flex-direction:column;background:url('../../../images/home/index/dateBg.png') no-repeat;background-position:center;
background-size:100%;position:relative;}
.select-wrapper .date-wrapper{width:auto;height:auto;display:flex;display:-webkit-flex;align-items:center;
-webkit-align-items:center;font-size:0.11rem;color:#D9FFF9;position:absolute;top:0.12rem;left:0.25rem;}
.select-wrapper .date-wrapper .clock{margin-top:2px;}
.select-wrapper .date-wrapper .title{margin-left:0.08rem;}
.select-wrapper .select-contents{width:auto;height:auto;position:absolute;top:0.34rem;left:0.35rem;}
.select-contents :global(.ant-input){background:url('../../../images/home/index/antInput.png') no-repeat;background-position:center;
background-size:100% 100%;border:none;color:#729E9E;outline:none;}

.sate-wrapper .radar-type{width:100%;height:90%;display:flex;display:-webkit-flex;
flex-direction:column;align-items:center;-webkit-align-items:center;overflow:hidden;}
.radar-type .item{width:100%;height:33.3%;background:url('../../../images/home/sate/item.png') no-repeat;
background-position:center;background-size:100% 100%;cursor:pointer;}
.radar-type .item.active{background:url('../../../images/home/sate/item-h.png') no-repeat;
background-position:center;background-size:100% 100%;}
.radar-type .item .title{width:100%;height:auto;text-align:center;font-size:0.11rem;color:#FFFFFF;margin-top:0.08rem;}
.radar-type .item.active .title{color:#3EE2C8;}
.radar-type .item .img{width:90%;height:78%;margin:0.05rem auto 0;}
.radar-type .item .img img{width:100%;height:100%;}

.sate .product-wrapper{width:77.7%;height:auto;display:flex;display:-webkit-flex;flex-direction:column;padding-top:0.08rem;position:relative;}
.sate .product-wrapper .product-tabs{width:100%;height:0.63rem;display:flex;display:-webkit-flex;overflow:hidden;
align-items:center;-webkit-align-items:center;justify-content:space-between;-webkit-justify-content:space-between;}
.sate .product-wrapper .product-tabs .item{flex:1;height:100%;background:url('../../../images/home/sate/square.png') no-repeat;
background-size:100% 100%;background-position:bottom;font-size:0.17rem;text-align:center;line-height:0.55rem;position:relative;color:#E1E1E1;
cursor:pointer;}
.sate .product-tabs .item.active{background:url('../../../images/home/sate/square-h.png') no-repeat;background-size:100% 100%;
background-position:bottom;color:#3EE0C8;font-size:0.21rem;line-height:0.55rem;}
.sate .product-tabs .item.active .arrow{position:absolute;width:100%;height:0.15rem;bottom:-2px;left:0;background:url('../../../images/home/sate/arrow.png')
no-repeat;background-size:100%;background-position:center;}
.product-wrapper .product-switch{position:absolute;top:-0.12rem;right:0.5rem;z-index:1;width:auto;}
.product-switch :global(.ant-switch[aria-checked="false"]){background-color:#729E9E;}

.product-wrapper .product-contents{width:100%;height:100%;background:url('../../../images/home/typhoon/right-bg.png') no-repeat;
background-size:100% 100%;background-position:center;display:flex;display:-webkit-flex;justify-content:center;
-webkit-justify-content:center;align-items:center;-webkit-align-items:center;}
.product-wrapper .product-contents.heightAuto{height:calc(100% - 0.63rem);}
.product-contents .inner-box{width:97%;height:92%;overflow-y:scroll;display:flex;display:-webkit-flex;justify-content:flex-start;
-webkit-justify-content:flex-start;flex-wrap:wrap;margin-top:0.1rem;}
.product-wrapper .product-contents .card{width:33%;height:35%;background:rgba(12, 20, 48, 0);border:2px solid #14264A;
box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.56);overflow:hidden;margin-bottom:0.05rem;cursor:pointer;}
.product-contents .inner-box .step{margin-left:0.05rem;}
.product-contents .card .title{text-align:center;}
.product-contents .card .img{width:98%;height:90%;margin:0 auto;}
.product-contents .img img{width:100%;height:100%;} 

.product-wrapper .classify{width:100%;height:100%;}

/* 滚动条样式 */
.inner-box::-webkit-scrollbar {width: 5px;height: 5px;}
.inner-box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#45FEE0;
border-radius:3px;}
.inner-box::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#E8E8E8;}
.inner-box::-webkit-scrollbar-corner{background:khaki;}